@charset "utf-8";
/* CSS Document */
ul,li,img,h1,p,span,tr,td,dl,dt,dd{margin:0px;padding:0px;list-style:none} body{margin:0px;padding:0px;background:#F7F7F7;font-size:62.5%;font-family:"微软雅黑";}
li{list-style:none} img{border:0px} a{text-decoration:none}

.main{max-width:640px;margin:0px auto;}
/* 头部样式 */
header{
	width:100%;
	height:auto;
	float:left;
	padding:2% 0px;
	background:#FFF;
	}
header ul li{
	float:left;
	}	
header ul li:first-of-type{
	width:32%;
	}	
header ul li:first-of-type img{
	max-width:95%;
	margin-left:3%;
	}
header ul li:last-of-type{
	width:12%;
	}
header ul li:last-of-type img{
	max-width:60%;
	margin-left:20%;
	}	
header ul li:nth-of-type(2){
	width:56%;
	}	
header ul li:nth-of-type(2) input{
	width:97%;
	margin-left:2%;
	height:100%;
	border-radius:4px;
	border:1px solid #CCC;
	padding:3% 0px;
	background:url(../images/search.png) no-repeat 100% center;
	}	
	
/*轮播图样式*/
.focus{
	width:100%;
	position:relative;
	float:left;
	}
.focus img{
	width:100%;
	}
.focus .hd{
	position:absolute;
	left:0px;
	bottom:10px;
	width:100%;
	z-index:1;
	}
.focus .hd ul{
	width:45px;
	margin:0px auto;
	}
.focus .hd ul li{
	width:9px;
	height:9px;
	float:left;
	background:#CCC;
	text-align:center;
	margin-right:9px;
	border-radius:50%;
	-webkit-border-radius:50%;
	}	
.focus .hd ul li.on{
	background:#C00;
	}	
.focus .hd ul li:last-of-type{
	margin-right:0px;
	}	
	

/* 导航样式 */
.mynav nav{
	width:100%;
	float:left;
	margin-top:4px;
	background:#FFF;
	border-bottom:1px solid  #e3e3e3;
	}
.mynav nav ul li{
	float:left;
	width:25%;
	text-align:center;
	padding:2% 0px;
	font-size:1.4em;
	}
.mynav nav ul li a{
	color:#555555;
	}		
.mynav nav ul li img{
	max-width:40%;
	}
	
	
/* 尖叫巨惠  */	
.preferential{
	padding-top:2%;
	margin-top:6px;
	width:100%;
	float:left;
	background:#FFF;
	}
.preferential_name{
	border-left:6px solid #d9505c;
	padding-left:8px;
	height:16px;
	width:70px;
	line-height:16px;
	font-size:1.5em;
	color:#595758;
	font-weight:600;
	float:left;
	margin-left:2%;
	}
.countdown{
	float:left;
	margin-left:2px;
	font-size:1.4em;
	color:#595758;
	font-weight:600;
	width:171px;
	height:16px;
	line-height:16px;
	}
.countdown span{
	float:left;
	margin-right:5px;
	}		
.countdown ul{
	float:left;
	}
.countdown ul li{
	padding:0px 4px;
	display:block;
	float:left;
	background:#e6534d;
	margin-right:4px;
	font-size:0.8em;
	color:#FFF;
	font-weight:600;
	}
.countdown ul li:nth-child(2){
	margin-right:0px;
	}	
.countdown .dot{
	color:#e6534d;
	font-size:0.8em;
	width:7px;
	float:left;
	text-align:center;
	}			
.preferential nav{
	float:left;
	width:100%;
	margin-top:5px;
	}	
.preferential nav ul{
	width:97%;
	margin:0px auto;
	}
.preferential nav ul li{
	float:left;
	width:33.3333333333333333%;
	display:block;
	}			
.preferential nav ul li div span.pic{
	display:block;
	width:86%;
	margin:10px auto 7px auto;
	}	
.preferential nav ul li div img{
	width:100%;
	vertical-align:middle;
	}
.preferential nav ul li:nth-child(2) div:nth-child(1){
	border:1px solid #f5f4f4;
	border-bottom:none;
	border-top:none;
	}	
.preferential nav ul li:nth-child(1) div:nth-child(1){
	border:1px solid #FFF;
	border-bottom:none;
	border-top:none;
	}
.preferential nav ul li:nth-child(3) div:nth-child(1){
	border:1px solid #FFF;
	border-bottom:none;
	border-top:none;
	}				
.preferential nav ul li div div span{
	display:block;
	width:86%;
	margin:0px auto;
	font-size:1.4em;
	color:#7c7d7d;
	text-align:left;
	height:16px;
	overflow:hidden;
	font-weight:600;
	}
.preferential nav ul li div div span:nth-child(2){
	color:#D9505C;
	height:30px;
	margin-top:5px;
	}	
.preferential nav ul li div div span:nth-child(2) img{
	width:14px;
	height:14px;
	vertical-align:middle;
	margin-top:-4px;
	}	
	
	
/* 尖叫抄底兑 */
.convert{
	padding:2%;
	margin-top:6px;
	width:96%;
	float:left;
	background:#FFF;
	}
.convert_name{
	border-left:6px solid #d9505c;
	padding-left:8px;
	height:16px;
	width:80%;
	line-height:16px;
	font-size:1.5em;
	color:#595758;
	font-weight:600;
	float:left;
	}
.convert_left{
	float:left;
	width:48%;
	margin-top:10px;
	}
.convert_left img{
	max-width:100%;
	}	
.convert_right{
	float:right;
	width:48%;
	margin-top:26px;
	margin-left:4%;
	}	
.convert_right p{
	font-size:1.4em;
	color:#7c7d7d;
	}	
.convert_rb{
	margin-top:4px;
	width:95%;
	border-top:1px solid #000;
	padding-top:5px;
	height:50px;
	}
.convert_rb p{
	color:#c93c4e;
	font-weight:600;
	}		
.convert_rb p img{
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-top:-4px;
	}	
.convert_rb p:nth-child(2){
	color:#c0bfbe;
	margin-top:7px;
	}	
.convert_rb p:nth-child(2) span{
	padding:2px 6px;
	background:#e6534d;
	border-radius:5px;
	color:#FFF;
	margin-right:22px;
	}
	
	
/*广告样式*/
.b1{
	width:100%;
	float:left;
	margin-top:6px;
	}	
.b1 img{
	width:100%;
	}	


/* 新品入驻 */	
.newproduct{
	padding:2% 0px;
	margin-top:4px;
	width:100%;
	float:left;
	background:#FFF;
	}
.newproduct_name{
	border-left:6px solid #d9505c;
	padding-left:8px;
	height:16px;
	width:80%;
	margin-left:2%;
	line-height:16px;
	font-size:1.5em;
	color:#595758;
	font-weight:600;
	float:left;
	}
.newproduct table{
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
	margin-top:15px;
	float:left;
	border:#f5f4f4;
	}	
.newproduct table img.img1{
	max-width:100%;
	}	
.newproduct table td.td1 img{
	max-width:100%;
	}
.newproduct table td p{
	font-size:1.2em;
	color:#555;
	font-weight:bold;
	}
.newproduct table td{
	position:relative;
	}	
.newproduct table td p:first-child{
	top:10%;
	left:3px;
	position:absolute;
	}			
.newproduct table td p:last-of-type{
	color:#d95058;
	position:absolute;
	left:3px;
	bottom:15%;
	}
.newproduct table td p img{
	width:14px;
	height:14px;
	vertical-align:middle;
	margin-top:-4px;
	}
.blankness{
	width:100%;
	height:80px;
	float:left;
	}		
	
	
/* 底部样式 */	
footer{
	max-width:640px;
	height:48px;
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
	background:#323333;
	}
footer ul li{
	width:20%;
	height:48px;
	float:left;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	display:block;
	}	
footer ul li div{
	height:20px;
	width:25px;
	margin:0px auto;
	}
footer ul li span{
	margin-top:3px;
	display:block;
	}			
footer ul li a{
	width:100%;
	height:28px;
	padding:5px 0px;
	display:block;
	color:#FFF;
	}
footer ul li:first-child a{
	color:#e2404c;
	}	
footer ul li:nth-child(1) div{
	background-image:url(../images/footer1.png);
	background-size:20px 20px;
	background-repeat:no-repeat;
	background-position:3px 0px;
	}			
footer ul li:nth-child(2) div{
	background-image:url(../images/footer2.png);
	background-size:18px 15px;
	background-repeat:no-repeat;
	background-position:4px 3px;
	}	
footer ul li:nth-child(2):hover div{
	background-image:url(../images/footer22.png);
	}	
footer ul li:nth-child(3) div{
	background-image:url(../images/footer3.png);
	background-size:18px 20px;
	background-repeat:no-repeat;
	background-position:4px 0px;
	}	
footer ul li:nth-child(3):hover div{
	background-image:url(../images/footer33.png);
	}	
footer ul li:nth-child(4) div{
	background-image:url(../images/footer4.png);
	background-size:20px 20px;
	background-repeat:no-repeat;
	background-position:2px 0px;
	}	
footer ul li:nth-child(4):hover div{
	background-image:url(../images/footer44.png);
	}		
footer ul li:nth-child(5) div{
	background-image:url(../images/footer5.png);
	background-size:18px 20px;
	background-repeat:no-repeat;
	background-position:3px 0px;
	}	
footer ul li:nth-child(5):hover div{
	background-image:url(../images/footer55.png);
	}		
footer ul li a:hover{
	color:#e2404c;
	}	